
<template>
<div class="leftbottom">
  <div class="bottomitem" style="width: 45%;margin-left: 45px;">
    <p class="count">1</p>
    <p>正常开门次数</p>
  </div>
  <div class="bottomitem"  style="width: 35%;margin-left: 0px;">
    <p class="count">0</p>
    <p>异常开门次数</p>
  </div>
</div>

</template>

<script>
// import { currentGET } from "api";
export default {
  components: { },
  data() {
    return {
      list: [],
      pageflag: true,
    };
  },

  created() {

  },
  mounted() {
  },
  methods: {
  },
};
</script>
<style lang='scss' scoped>
.leftbottom{
  width: 100%;
  height: 230px;
display: flex;
justify-content: start;
  background: url(./chartleft/left-bottom.png) no-repeat;
  background-size: 100%;
  background-position-y: 110px;
  .bottomitem{
    
    height: 50px;
       margin-top: 53px;
    
    text-align: center;
    
    font-size: 16px;
    line-height: 20px;
    .count{
      line-height: 30px;
      font-size: 24px;
      color: #d7b36d;
      padding-bottom: 10px;
      font-weight: 700;
    }
  }
}
</style>
